<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-cogs"></i> <strong>售后外勤服务单</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>售后管理</li>
				<li class="active">售后外勤服务单</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-md-12">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">派遣单列表</h4>
						</div>
						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="text" class="form-control" id="keyword"
										placeholder="Search..." /> <span class="input-group-btn">
										<button type="button" name="search" id="search-btn"
											class="btn btn-info searchBtn">查询</button>
										<button type="button" name="cancel" id="cancel-btn"
											class="btn btn-info cancelBtn">撤消</button>
									</span>
								</div>
								<button type="button" class="btn pull-right btn-info receive">接收任务</button>
							</div>
						</div>
						<div class="box box-body" style="width: 100%">
							<table id="allTicketTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								cellspacing="0"  align="center">
								<thead>
									<tr>
										<th width="4%">序号</th>
										<th width="2%"><input type="checkbox" id="checkAll" /></th>
										<th width="6%">管理代码</th>
										<th width="6%">派遣时间</th>
										<th width="6%">派遣说明</th>
										<th width="6%">单位名称</th>
										<th width="6%">合同号</th>
										<th width="6%">售后类型</th>
										<th width="6%">申请人</th>
										<th width="6%">发起部门</th>
										<th width="6%">现场联系人</th>
										<th width="6%">联系方式</th>
										<th width="6%">设备编号</th>
										<th width="6%">设备名称</th>
										<th width="6%">设备型号</th>
										<th width="8%">问题描述</th>
										<th width="8%">问题跟踪描述</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
					</div>
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">我的派遣单</h4>
						</div>
						<div class="box-body">
							<div class="form-inline">
								<div class="input-group">
									<input type="text" class="form-control" id="keyword1"
										placeholder="Search..." /> <span class="input-group-btn">
										<!-- <select class="form-control" id="ticketState"
										name="ticketState">
											<option></option>
											<option value="1">已接收</option>
											<option value="2">跟踪中</option>
											<option value="3">待回访</option>
											<option value="4">完成</option>
									   </select> -->
										<button type="button" name="search" id="search-btn"
											class="btn btn-info searchBtn1">查询</button>
										<button type="button" name="cancel" id="cancel-btn"
											class="btn btn-info cancelBtn1">撤消</button>
									</span>
								</div>
								<div class="input-group">
								<form action="" method="get">
										<label><input name="isReceived" type="radio" value=""/>全部</label> 
										<!-- <label><input name="isReceived" type="radio" value="1" checked="checked"/>已接收 </label>  -->
										<label><input name="isReceived" type="radio" value="2" checked="checked"/>跟踪中 </label> 
										<label><input name="isReceived" type="radio" value="3" />待回访</label> 
										<label><input name="isReceived" type="radio" value="4"/>完成</label> 
								</form>
								</div>
								<button type="button" class="btn btn-info pull-right detailBtn">查看服务单</button>
								<button type="button" class="btn pull-right btn-info doneTicket">完成派遣单</button>
								<button type="button" class="btn btn-info pull-right tranceBtn">跟踪派遣单</button>
							</div>
						</div>
						<div class="box box-body" style="width: 100%;">
							<table id="myTicketTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								cellspacing="0" align="center" style="width:2500px">
								<thead>
									<tr>
										<th width="4%">序号</th>
										<th width="3%"><input type="checkbox" id="checkAllticket" /></th>
										<th width="6%">派遣单状态</th>
										<th width="5%">管理代码</th>
										<th width="5%">派遣时间</th>
										<th width="5%">派遣说明</th>
										<th width="5%">单位名称</th>
										<th width="4%">合同号</th>
										<th width="5%">售后类型</th>
										<th width="5%">附件</th>
										<th width="4%">申请人</th>
										<th width="5%">发起部门</th>
										<th width="6%">现场联系人</th>
										<th width="5%">联系方式</th>
										<th width="5%">设备编号</th>
										<th width="5%">设备名称</th>
										<th width="5%">设备型号</th>
										<th width="8%">问题描述</th>
										<th width="15%">问题跟踪描述</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
					</div>

				</div>
			</div>
		</section>
		<div class="modal" id="afterSalesTrackingModal">
			<div class="modal-dialog" role="dialog">
				<form id="afterSalesTrackingEditForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>售后跟踪</strong>
							</h4>
						</div>

						<div class="modal-body">
							<input type="hidden" name="id" id="id" />
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2 control-label">时间</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="date" id="projectName"
												name="projectName" nullmsg="请输入项目名称" />
										</div>
									</div>
									<label class="col-sm-2 control-label">类型</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<select class="form-control" type="text" id="type"
												name="otype">
												<option>请选择.....</option>
												<option>1</option>
												<option>2</option>
											</select>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">附件</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="title"
												id="title" datatype="*,*1-100" nullmsg="请输入标题" />
										</div>
										<div class="col-md-1">
											<button class="btn btn-info ">上传</button>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">情况说明</label>
									<div class="col-sm-10">
										<div class="col-md-12">
											<textarea class="form-control" type="text" name="content"
												id="content" datatype="*1-100" rows="3"></textarea>
										</div>
									</div>
								</div>
								<input type="hidden" name="createTime" id="createTime" />

							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
							<button type="button" class="btn btn-primary saveBtn">保存</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="modal" id="doneTicketModal">
			<div class="modal-dialog" role="dialog">
				<form id="doneTicketForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>售后完成</strong>
							</h4>
						</div>

						<div class="modal-body">
							<input type="hidden" name="outHouseId" id="outHouseId" /> <input
								type="hidden" name="ticketId" id="ticketId" /> <input
								type="hidden" name="creatorId" id="creatorId" />
							<!-- 服务单创建人的id -->
							<input type="hidden" name="ticketName" id="ticketName" />
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2 control-label">管理代码</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" id="manageCode"
												name="manageCode" readonly="readonly" />
										</div>
									</div>
									<label class="col-sm-2 control-label">合同号</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" id="contractCode"
												name="contractCode" readonly="readonly" />
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">设备编号</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="deviceNumber"
												id="deviceNumber" readonly="readonly" />
										</div>

									</div>
									<label class="col-sm-2 control-label">设备名称</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input class="form-control" type="text" name="deviceName"
												id="deviceName" readonly="readonly" />
										</div>

									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label"></label>
									<div class="col-sm-4">
										<div class="col-md-6">
											<button class="btn btn-info receiptUp" type="button">上传回执单</button>
										</div>
										<div class="col-md-6">
											<button class="btn btn-info receiptDown" type="button">下载回执单</button>
										</div>
									</div>
									<label class="col-sm-2 control-label"></label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<span id="quoteANum" class="badge label-pill label-primary">0</span>
										</div>

									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">售后总结</label>
									<div class="col-sm-10">
										<div class="col-md-12">
											<textarea class="form-control" type="text"
												name="afterSummary" id="afterSummary" datatype="*1-100"
												rows="3"></textarea>
										</div>
									</div>
								</div>
								<input type="hidden" name="createTime" id="createTime" />

							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
							<button type="button" class="btn btn-primary doneBtn">保存</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<script th:src="@{/afterSaleOutHouse/outHouseindex.js}"></script>
	</div>

</body>
</html>

